<template>
  <FormItemWrapper v-bind="$attrs" :widget="widget" :designer="designer">
    <Divider
      type="horizontal"
      :orientation="widgetProps.direction"
      :orientationMargin="widgetProps.directionMargin"
      :dashed="widgetProps.dashed"
      :style="widgetProps.divider_style"
    >
      {{ widgetProps.formItemLabel }}
    </Divider>
  </FormItemWrapper>
</template>
<script lang="ts" name="divider-widget" setup>
  import { ref, computed } from "vue"
  import { Divider } from "ant-design-vue"
  import { useAttrs } from "/@/hooks/core/useAttrs"
  import FormItemWrapper from "./FormItemWrapper.vue"
  import type { Designer } from "../../type"
  const props = defineProps({
    widget: { type: Object, default: {} },
    designer: { type: Object as () => Designer },
  })
  const widgetProps = props.widget.props
  const attrs = useAttrs()
</script>

<style lang="less"></style>
